// import App from './pages/redux/App';
// import App from './pages/taobao/App';
import App from './pages/houtai/App';
import React from 'react';
import ReactDOM from 'react-dom';
import 'antd-mobile/dist/antd-mobile.css';

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

// function tick() { 
// 	const ele = <div>{new Date( ).toLocaleTimeString( )}</div> ; 	ReactDOM.render(ele, document.getElementById('root')); 
// } 
// setInterval(tick, 1000);


// let url = 'https://www.fastmock.site/mock/9e4bbf9e35ad15942010865690c87ac6/api/login'
// fetch(url,{
//   method:'post',
//   headers:{
//     'Content-Type':'application/json'
//   },
// })
// .then(res=>res.json())
// .then(res=>console.log(res))
// ReactDOM.render(
//   <TodoList />,
//   document.getElementById('root')
// );


// ReactDOM.render(
//   <Context.Provider value='133'> 
//     {/* <Hook /> */}
//     <App/>
//   </Context.Provider>,
//   document.getElementById('root')
// );



// let ele = React.createElement(
//   'h1',
//   {id:'title'},
//   React.createElement('div',{},'hello'),
//   'react'
//   );
// ReactDOM.render(
//   ele,
//   document.getElementById('root')
// );



// let ele = <h1 id = "title" className = 'tit'>
//   <div>hello</div>
//   react
// </h1>;


// setInterval(() => {
//   let ele = <h1 id='time' className='ti'>
//   <div>当前时间</div>
//   {new Date().toLocaleString()}
//   </h1>
//   ReactDOM.render(
//     ele,
//     document.getElementById('root')
//   )
// }, 1000);



//函数组件   UI（展示）组件，木偶组件         
// function App(props){
//   return <div>
//     <div>{props.title}</div>
//     <div>world</div>
//   </div>
// }
// ReactDOM.render(
//   <App title="任意值"/>,
//   document.getElementById('root')
// );
// 除此，还有智能组件
// class Demo extends React.Component{
//     constructor(){
//       super();
//       this.state={
//       name:'Tom'
//     };
//     setTimeout(()=>{
//       this.setState({name:'Jerry'})
//     },3000)
//   }   
//   render(){
//     return <div>
//       <div>name:{this.state.name}</div>
//       <App title={this.state.name}/>
//     </div>
//   }
// }
// ReactDOM.render(
//   <Demo title="任意值"/>,
//   document.getElementById('root')
// );

//无react-dom如何实现
/*let ReactDOM = {
  render(eleObj,container){
    //解构
    const {type,props} = eleObj;
    //创建第一层节点
    let ele = document.createElement(type);
    //遍历属性对象，降属性添加到第一层节点对象上
    for(const prop in props){
      if(prop == 'children'){
        if(typeof props.children == 'string'){
          const txtNode = document.createTextNode(props.children);
          ele.appendChild(txtNode);
          continue;
        }
        //将第一层节点对象的子元素添加进去
        props.children.forEach((child)=>{
          if(typeof child == 'string'){
            const txtNode = document.createTextNode(child);
            ele.appendChild(txtNode);
          }else{
            ReactDOM.render(child,ele);
          }
        })
      }else{
        // ele.setAttribute('class',props[prop]);
        ele[prop] = props[prop];
      }
    }
    //将第一层DOM添加进
    container.appendChild(ele);
  }
}*/
// ReactDOM.render(
//   ele,
//   document.getElementById('root')
// );



// class Home extends React.Component{
//   constructor(){
//     super();
//     this.state={
//       data:[1,2,3]
//     }
//     setTimeout(()=>{
//       this.setState({data:[4,5,6]})
//     },2000)
//   }
//   render(){
//     return <ul>
//       {
//         this.state.data.map(
//           (item)=><li key={item.id}>{item}</li>
//           )
//       }
//     </ul>
//   }
// }
// ReactDOM.render(
//   <Home title="任意值"/>,
//   document.getElementById('root')
// );



/*const List = (props)=>{
  
  return <ul>
    {
    props.data.map(
      (item) => <li>{item.title}</li>
      )
    }
  </ul>
}



const Button = ()=>{
  const btns = [1,2,3,4,5];
  const handleClick = (num)=>{
    //事件对象
    console.log(num);
  }
  
  return <div>
    {
      btns.map(
        (item)=>(
        <button key={item} onClick={()=>handleClick(item)}>
          {item}
        </button>)
      )
    }
    { <List data={data}/> }
  </div>
  
}


*/
// class Home extends React.Component{
//   constructor(){
//     super();
//     this.state={
//       data:[]
//     }
//   }
  // componentDidMount(){
  //   fetch('https://cnodejs.org/api/v1/topics')
  //   .then(res=>res.json())
  //   .then(({data})=>{//data解构
  //     console.log(data);
  //     this.setState({data});
  //   })
  // }
  
  
  // handleClick=()=>{
  //   console.log(this);
  // }

//   render(){
//     const {data} = this.state;//data 代替this.state
//     return <ul>
//       {
//         <button onClick={()=>{console.log('1')}}>click</button>,
//         this.state.data.map(
//           (item)=><li key = {item.id}>{item.title}</li>
//           )
//       }
//     </ul>
//   }
// }
// ReactDOM.render(
//   <Home title="任意值"/>,
//   document.getElementById('root')
// );












